<template>
  <div class="child">
    <h2>我是child组件{{car}}</h2>
    <Son></Son>
  </div>
</template>

<script>
import Son from './son.vue'
import {inject} from 'vue'
export default {
  name: 'Child',
  components: {Son},
  props:['car'],    // 通过props 接收父组件传递过来的数据,模板中可以直接使用
  setup(props){
    // let childCar = inject('car')
    // console.log("-------Child", car)
    
    console.log("-------Child", props.car)  // setup函数中要使用的话，要接收一下
    return {}
  }

}
</script>

<style>
.child{
  background-color: yellowgreen;
  padding: 10px;
}
</style>
